﻿.topbar-right{text-align:center;}
.topbar-right a{color:#fff;width:173px;display:block;background:#153281;float:right;}
.topbar-right a:hover{color:#ff0000;}
.navbar-right{margin:20px 5% 0 0;}

.b-line{display:block;width:200px;height:1px;background:#fff;margin:10px auto;}
.b-line dl{width:1px;height:10px;background:#fff;margin:0 auto;}
.menu-btn{text-align:center;display:inline-block;width:15.33%;}
.menu-btn i{width:78px;height:63px;border:dashed #eb6100 1px;color:#eb6100;line-height:63px;font-size:25px;}
.menu-btn a:hover i{border:dashed #fff 1px;background:#eb6100;color:#fff;}
.menu-btn a:hover p{color:#eb6100;font-weight:bold;}
.about-box{padding:0 0 60px 0;}
.shadow{-moz-box-shadow:2px 2px 15px #ccc; -webkit-box-shadow:2px 2px 15px #ccc; box-shadow:2px 2px 15px #ccc;}

.sm-tit{border-bottom:solid #ccc 1px;margin-bottom:20px;}
.sm-tit h3{font-size:20px;}
.s-item{border:dashed #eb6100 1px;text-align:center;width:75px;height:75px;display:inline-block;margin-top:20px; }
.s-item span{ position:relative;top:15px;color:#eb6100;}


.news-item{margin-bottom:20px;}
.day{width:78px;height:78px;background:#2f6abc;float:left;text-align:center;color:#fff;}
.txt{width:85%;float:right;}
.day font{width:100%;font-size:24px;display:block;margin-top:10px;}
.news-item:hover .day{background:#a0c917;color:#fff;}
.news-item:hover{background:#f4f4f4;}

.foot-code{text-align:center;}
.f-nav a{color:#fff;font-weight:bold;;padding:0 10px 0 0;}
.copyright a{color:#fff;}
.pd30{padding:30px 30px;}
.service-box{width:44%;margin:0 20px 0 20px;}
.textright{text-align:right;}
.about-img{padding:0 10px 30px 10px;}
.about-img img{max-width:100%;max-height:100%;}
.main img{max-width:100%;height:auto;}
.main .hxkh p{ overflow:hidden; width:23.33%;display:inline-block;font-size:18px;font-weight:bold;background:rgba(255,255,255,0.9);text-align:center;height:102px;line-height:102px;margin:0 22px 30px 0;border-radius:10px;-moz-box-shadow:2px 2px 15px #ccc; -webkit-box-shadow:2px 2px 15px #ccc; box-shadow:2px 2px 15px #ccc;}
.main .hxkh p:hover{-moz-box-shadow:2px 2px 15px #eb6100; -webkit-box-shadow:2px 2px 15px #eb6100; box-shadow:2px 2px 15px #eb6100;color:#eb6100;}




/*产品滚动*/
.scroll-section{height:232px; margin-bottom:-100px; }
.scroll-section .container{z-index:999; position:relative;top:-100px;height:232px;background:#fff;border-radius:10px;box-shadow:0 10px 20px #f4f4f4;}
.project-gallery{height:190px;margin-top:20px;text-align:center;}
.project-gallery img{height:90%;max-width:100%;width:auto;}


/*推荐产品*/
.product{padding:0 3%;margin-top:60px;}
.pro-tit{margin-bottom:30px;}
.pro-tit p{text-align:center;}
.tit{text-align:center;background:url(../../images/line.png) no-repeat center;height:14px;margin-bottom:20px;}
.tit h2{font-size:30px; position:relative;top:-10px;}
.tit-dol{height:12px;text-align:center;background:url(../../images/dol.png) no-repeat center;}

.p-item{height:363px;padding:0;display:block; overflow:hidden; z-index:1; }
.p-blue{background:url(../../images/m1.jpg) no-repeat #2c68a6;height:100%;background-size:cover;}
.p-gray{background:#eeeeee;}
.p-red{background:#da2b2b;}
.p-pro-1{background:url(../../images/p1.jpg) no-repeat;height:100%;background-size:cover;z-index:1;}
.p-pro-2{background:url(../../images/p2.jpg) no-repeat;height:100%;background-size:cover;z-index:1;}
.p-pro-3{background:url(../../images/p3.jpg) no-repeat;height:100%;background-size:cover;z-index:1;}

.p-desc{padding:10% 10%;}
.p-desc h2{font-size:24px;font-weight:bold;}
.p-blue h2 span{width:70px;height:6px;display:block;background:#da2b2b;margin:10px 0 20px 0;}
.p-blue h2,.p-blue p,.p-blue a{color:#fff;}
.p-blue a{width:100px;text-align:center;padding:4px 0;border:solid #fff 1px;display:block;margin-top:30px;}
.p-blue a:hover{color:#da2b2b;border:solid #da2b2b 1px;}

.p-gray h2 span{width:70px;height:6px;display:block;background:#da2b2b;margin:10px 0 20px 0;}
.p-gray h2,.p-gray p,.p-gray a{color:#333;}

.p-red h2 span{width:70px;height:6px;display:block;background:#fff;margin:10px 0 20px 0;}
.p-red h2,.p-red p,.p-red a{color:#fff;}
.p-red a{width:100px;text-align:center;padding:4px 0;border:solid #fff 1px;display:block;margin-top:30px;}
.p-red a:hover{color:#333;border:solid #333 1px;}
#triangle-up-gray{
	display:inline-block;
	width:0;
	height:0;
	border-left:30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom:30px solid #eeeeee;
	position:relative;
	z-index:2;
	top:92%;
	left:45%;
	
	}
#triangle-up-red{
	display:inline-block;
	width:0;
	height:0;
	border-left:30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom:30px solid #da2b2b;
	position:relative;
	z-index:2;
	top:92%;
	left:45%;
	}
#triangle-down-blue {
	display:inline-block;
	width:0;
	height:0;
	border-left:30px solid transparent;
	border-right: 30px solid transparent;
	border-top:30px solid #2c68a6;	
	position:relative;
	z-index:2;
	top:0;
	left:45%;
	
	}
.w-more:link,.w-more:visited{color:#fff;width:100px;text-align:center;padding:4px 0;border:solid #fff 1px;display:block;margin:20px 0 30px 0;}
.b-more:link,.b-more:visited{color:#333;width:100px;text-align:center;padding:4px 0;border:solid #333 1px;display:block;margin:20px 0 30px 0;}
.w-more:hover,.b-more:hover{color:#da2b2b;border:solid #da2b2b 1px;}

.company{height:464px;background:url(../../images/combg.jpg) no-repeat fixed center;background-size:100% 100%;}
.company-img{background:url(../../images/company.jpg) no-repeat center;background-size:100% auto;height:100%;}
.com-blue{width:100%;height:100%;background:rgba(44,104,166,0.9);}
.company-box{padding:3% 3%;color:#fff;}
.company-box h2{font-size:24px;float:left;font-weight:bold;}
.company-box h2 span{font-size:18px;margin-left:20px;}
.company-txt p{color:#fff; text-align:justify;}
.company-txt{padding:20px 0 ;}

.news-tit{margin-bottom:30px;}
.news-tit p{text-align:center;}
.news-box{}
.news-box b{color:#2c68a6;height:30px;line-height:30px;}
.newstop{margin-bottom:30px;}
.newsdiv{line-height:30px;line-height:30px;}
.Nname{float:left;background:url(../../images/dot.jpg) no-repeat left;padding-left:15px;}
.Ndate{float:right;}
.news-img{width:100%;height:143px;}
.news-img img{width:100%;height:100%;}
.dline{border-style:dotted solid double dashed;height:10px; }

.case-section{padding:0;background:#f4f4f4;}
.case{padding:60px 0;}
.case-tit{margin-bottom:30px;}
.case-tit p{text-align:center;}
.scroll{height:150px;margin:0 auto;}
.scroll img{height:150px;width:auto;margin:0 5px 0 5px;}

#footer-sec{background:url(../../images/fbg.jpg) repeat center top #000;}
footer .last-line{background:#2c68a6;padding:5px 0;}
footer{padding:40px 0 0 0;}


.drop-down{border-radius:5px;}

.fa-caret-right{ position:absolute;right:10px;}




/*内页*/
.innerbanner{max-height:200px;color:#fff;}
.innerbanner h2{font-size:24px;font-weight:bold;margin-top:8%;}
.innerbanner p,.innerbanner a{color:#ccc;}

.innabout{background:url(../../images/inbanner.jpg) no-repeat bottom;}
.innpro{background:url(../../images/inbanner-pro.jpg) no-repeat bottom;}
.innnews{background:url(../../images/inbanner-news.jpg) no-repeat bottom;}
.inncontact{background:url(../../images/inbanner-contact.jpg) no-repeat bottom;}

.intit{border-bottom:solid #fff 1px;width:200px;text-align:center;margin:60px auto;line-height:40px;height:40px;}
.intit h2{color:#fff;font-size:24px;line-height:40px;}
.intit h2 span{display:block;height:6px;background:#e70012;margin:0 auto;width:30px;}
.inabout{padding:60px 0;}
.lmenu{background:#f4f4f4;height:200px;}
.rcontent{background:#fff;min-height:300px;}
/*.lmenu ul{width:90%;margin:20px auto;}
.lmenu ul li{height:40px;line-height:40px;border-bottom:solid #ccc 1px;}
.lmenu ul li span{display:block;height:3px;background:#da2b2b;width:20px;}*/

.main{padding:30px 0 30px 0;}
.main .intit{border-bottom:solid #ccc 1px;}
.main .intit h2{color:#333;font-size:24px;line-height:40px;}
.main .intit h2 span{display:block;height:6px;background:#e70012;margin:0 auto;width:30px;}
.culture{background:url(../../images/cbg.jpg) no-repeat;background-size:cover;min-height:454px;}
.culture img{float:left;height:70px;}

.culture b{font-size:18px;color:#fff;height:40px;line-height:40px;}
.culture p{font-size:14px;color:#fff;}
.c-item{background:rgba(255,255,255,0.2);margin:10px 10px;padding:10px 10px 10px 10px;}

.pimg{max-height:300px;padding:2px 2px;margin-bottom:2px; overflow:hidden;}

.leftframe-tit{}
.leftframe-tit h2{font-size:20px;}
.newsli{padding:20px 20px 20px 20px;border:solid #ccc 1px;margin:10px 4px 4px 4px;height:360px; border-radius:5px; box-shadow:5px 5px 5px #f7f7f7;}
.newsli h2{font-size:20px;}
.newsli:hover{background:#f7f7f7;}
.newscontainer{padding:60px 0 0 0;}
.newstt{font-size:24px;}
.companycon{min-height:400px;}

.crcm{padding:30px 0 30px 0;}
.crcm .intit{border-bottom:solid #ccc 1px;}
.crcm .intit h2{color:#333;font-size:24px;line-height:40px;}
.crcm .intit h2 span{display:block;height:6px;background:#e70012;margin:0 auto;width:30px;}

.procr{width:1200px;margin:0 auto;text-align:center;}
.procr li{display:inline-block; text-align:center;border:solid #ccc 1px;padding:4px 10px;margin:0 5px 10px 5px;}
.prolist p{text-align:center;padding:10px 0;background-image: linear-gradient(#f7f7f7, #f1f1f1);}
.img-hs{padding:10px 10px;border:solid #ccc 1px;box-shadow:5px 5px 5px #f7f7f7;text-align:center;height:200px; }
.img-hs img{max-width:100%;height:100%;max-height:100%;margin:0 auto;}
.img-hs:hover{background:#f7f7f7; cursor:pointer;}
.prolist li{ height:260px; overflow:hidden;}


.prolist{margin-top:50px;}
.pbg{background:url(../../images/bb.jpg) repeat;}
.cul-bg{background:url(../../images/ball.png) no-repeat right bottom;}
.proname{font-size:24px;}
.comcontent{padding:10px 0 10px 0;}
.shadow{box-shadow:5px 5px 5px #f7f7f7;}
.bookli{padding:20px 20px 20px 20px;border:solid #ccc 1px;margin:10px 4px 4px 4px;height:220px; border-radius:5px; box-shadow:5px 5px 5px #f7f7f7;}
.bookli h2{font-size:20px;}
.bookli:hover{background:#f7f7f7;}



.for-bottom-padding{height:5px;clear:both;background:#a0c917; vertical-align:top;}
.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;width:100%;}
.yema a,.yema span{ padding:2px 10px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; border-radius:4px;}
.yema a:hover{  background:#c30d23; margin:0 2px; color:#fff; text-decoration:none; }

a.yema_on{color:#fff !important; background:#c30d23;}
a.yema_on:hover{color:#fff !important; border:#c30d23 1px solid !important; }
a.ok{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.ok:hover{color:#fff !important; border:#c30d23 1px solid !important; }




@media (max-width : 1700px) {

}
@media (max-width : 1200px) {
.logo{display:none!important;}
.logo-m{display:block!important;max-height:46px;}
.menu-btn{text-align:center;display:inline-block;width:24%;}

.scroll-section{height:232px; margin-bottom:0; }
.scroll-section .container{z-index:999; position:relative;top:0;height:232px;background:#fff;border-radius:10px;box-shadow:0 10px 20px #f4f4f4;}

#triangle-up-gray{
	display:none;

	
	}
#triangle-up-red{
	display:none;
	
	}
#triangle-down-blue {
	display:none;
	
	}
.p-item{height:163px;padding:0;display:block; overflow:hidden; z-index:1; }
.p-desc h2{font-size:20px;font-weight:bold;}
.p-desc p{display:none;}



.company{height:100%;background:url(../../images/combg.jpg) no-repeat fixed center;background-size:100% 100%;}
.company-img{background:url(../../images/company.jpg) no-repeat center;background-size:cover;width:100%;height:200px;}
.com-blue{width:100%;height:100%;background:rgba(44,104,166,0.9);}
.company-box{padding:3% 3%;color:#fff;background:rgba(44,104,166,0.9);}
.company-box h2{font-size:24px;float:left;font-weight:bold;}
.company-box h2 span{font-size:14px;margin-left:0;width:100%;display:block;margin-top:10px;}
.company-txt p{color:#fff; text-align:justify;}
.company-txt{padding:20px 0 ;}
.content-box{padding:0;}
.scroll{height:150px;width:100%;margin:0 auto;}
.procr{display:none;}
.intit{display:none;}
.img-hs{padding:10px 10px;border:solid #ccc 1px;box-shadow:5px 5px 5px #f7f7f7;text-align:center;height:180px; }

}